:root{
    --skills-max-width: 50%; 
}

/* ------------------------ SKILLS ------------------------ */
.skills{
    height: auto;
    padding: 50px 0;
}

.skill-grid{
    padding-top: 50px;
    display: grid;
    min-width: 30%;
    max-width: var(--skills-max-width);
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 0px;
    margin: 0 auto;
    justify-items: center;
}

.skill-grid-img{
    position: relative;
    object-fit: contain;
    width: 60%;
    height: 100%;
}